<?php //include("html-includes/common/carousel.php"); ?>
<div class="col-md-12">
	<div class="row">
		<?php include("global-includes/breadcrumbs.php"); ?>
		<div class="col-md-4 col-sm-4">
			<legend><?php echo translate("contact_details");?></legend>
			<table class="table table-condensed">
				<tr>
					<td><?php echo translate("contact_email"); ?></td>
					<td><?php echo $settings["contact_email"]; ?></td>
				</tr>
				
				<tr>
					<td><?php echo translate("contact_phone"); ?></td>
					<td><?php echo $settings["contact_telephone"]; ?></td>
				</tr>
				
				<tr>
					<td><?php echo translate("contact_address"); ?></td>
					<td><?php echo $settings["contact_address"]; ?><br/> 
						<?php echo $settings["city"]; ?>, <?php echo $settings["country"]; ?>,<?php echo $settings["zip_code"]; ?></td>
				</tr>
				
			</table>
		</div>
		<div class="col-md-4 col-sm-4">
			<legend><?php echo translate("contact_form");?></legend>
			<?php echo $page["description"]; ?>

			<form role="form" class="form-horizontal contactForm" method="post">
			  	<div class="form-group">
			  		<div class="col-sm-12">
      					<input type="text" class="form-control" id="name-contact" name="name" placeholder="<?php echo translate("name"); ?>" />
    				</div>
			  	</div>
			  	<div class="form-group">
			  		<div class="col-sm-12">
      					<input type="email" class="form-control" id="email-contact" name="email" placeholder="<?php echo translate("email"); ?>" />
    				</div>
			  	</div>
			  	<div class="form-group">
			  		<div class="col-sm-12">
			  			<textarea placeholder="<?php echo translate("message"); ?>" name="message" class="form-control"></textarea>
    				</div>
			  	</div>
			  	
			  	<div class="form-group">
			  		<div class="col-sm-6">
			  			<img id="captcha" src="<?php echo scripts_url(); ?>libs/helpers/securimage/securimage_show.php" alt="CAPTCHA Image" class="img-responsive" />
			  			<a href="#" id="newCaptcha" onclick="document.getElementById('captcha').src = '<?php echo scripts_url(); ?>libs/helpers/securimage/securimage_show.php?' + Math.random(); return false">[ <?php echo translate("refresh_captcha");?> ]</a>
			  		</div>
			  		<div class="col-sm-6">
			  			<input type="text" class="form-control" id="captcha-contact" name="captcha" placeholder="<?php echo translate("captcha"); ?>" />
    				</div>
			  	</div>
			  	<input type="hidden" name="language_id" value="<?php echo $_SESSION["language"]["id"]; ?>" />
			  	<button type="submit" class="btn btn-default btn-md btn-success pull-right"><?php echo translate("submit"); ?></button>
			  	<div class="clearfix"></div>
			</form>
		</div>
		<div class="col-md-4 col-sm-4">
			<legend><?php echo translate("map");?></legend>
			<div id="map-canvas" style="width:100%; height:350px;"></div>

			<!--<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?sll=37.06246453254683,-95.76899649627741&amp;sspn=76.56736151820019,101.86532648032097&amp;t=m&amp;q=brasov&amp;dg=opt&amp;ie=UTF8&amp;hq=&amp;hnear=Bra%C8%99ov,+Rom%C3%A2nia&amp;ll=45.642848,25.600548&amp;spn=0.084009,0.146255&amp;z=12&amp;iwloc=A&amp;output=embed"></iframe>-->
		</div>
	</div>
</div>

 <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2BNeyvYCXAVH8mzLBjDBwIl-k5wDK_60&sensor=true"></script>
    <script type="text/javascript">
      function initialize() {
      	
      	var Latlng = new google.maps.LatLng(<?php echo $settings["map_location"]?>);

        var mapOptions = {
          center: Latlng,
          zoom: 15
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
        
        // To add the marker to the map, use the 'map' property
		var marker = new google.maps.Marker({
		    position: Latlng,
		    map: map,
		    title:"<?php echo $site["name"];?>"
		});
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>


